<template>
  <div class="introBox">
    <div class="titleBox">
      <p class="line"></p>
      <p class="title">
        <span>专业技能</span>
      </p>
    </div>

    <div class="introCon">
      <ul>
        <li v-for="item in sills" v-html="item" :key="item"></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      sills: [
        '熟悉 <span class="keyW1">HTML5</span>、<span class="keyW1">CSS3</span>、<span class="keyW1">JS</span>、<span class="keyW1">ES6</span> 等前端基础',
        '熟悉使用<span class="keyW1">vue框架</span>、<span class="keyW1">vue-router</span>、<span class="keyW1">vue-cli脚手架</span>、<span class="keyW1">Element-UI</span>进行MVVM模式下的项目搭建与前后端交互<span class="KeyW1">并了解一些其他框架</span>',
      ],
    };
  },
};
</script>

<style lang="scss" scoped></style>
